    <style type="text/css">
    	#details{color: #5a5a5a;font-size: 0.3rem;}
    	.details-tips{min-height: 3.66rem;background: #fff;width: 100%;padding-left: 0.3rem;}
    	.details-item{height: auto;background: #fff;margin: 0.2rem auto;}
    	.details-footer{height: 1.03rem;background: #5297d8;position: fixed;bottom: 0;left: 0;width: 100%;color: #f5f5f5;font-size: 0.32rem;}
    	.details-foot-right{height: 100%;}
    	.details-tips-head{height: 1.84rem;}
    	.details-tips-head-left{padding-top: 0.2rem;width: 3rem;}
    	.details-tips-time{min-height: 0.97rem;font-size: 0.3rem;}
    	.details-tips-order{height: 0.97rem;font-size: 0.3rem;}
    	.details-item-list{height: 1rem;font-size:0.3rem;}
    	.xiaofei{padding: 0.25rem 0.2rem;background: #60c849;border-radius: 12px;color: #fff;margin-left: 0.34rem;margin-right: 0.2rem;line-height: 0;}
    	.huankuan{padding: 0.25rem 0.2rem;background: #ead24e;border-radius: 12px;color: #fff;margin-left: 0.34rem;margin-right: 0.2rem;line-height: 0;}
    	.details-text{font-size: 0.5rem;color: #000;margin-top: 0.6rem;}
    	#model{height: 100%;width: 100%;position: fixed;background: rgba(0,0,0,0.5);top: 0;left: 0;z-index: 999;font-size: 0.3rem;}
    	.detailsBox{height: 3rem;width: 4.5rem;background: #fff;margin-top: 3rem;margin-left: 1.7rem;border-radius: 5px;}
    	.Boxhead{height: 0.8rem;background: linear-gradient(to right, #febe32, #fc8c40);border-radius: 5px 5px 0 0;color: #fff;}
    	.Boxbody{height: 1.5rem;}
    	.emsBox{height: 1rem;}
    	.emsBox input{border: none;width: 2rem;margin-left: 0.2rem;}
    	.getems{font-size: 0.28rem;color: #aaa;padding: 0.05rem 0.14rem;border:solid 1px #aaa;border-radius: 5px;margin-left: 0.25rem;}
    	.Boxfoot{height: 0.7rem;border-radius: 0 0 5px 5px;}
    	.Boxfoot div{height: 0.7rem;cursor: pointer;}
    	.tips{height: 0.5rem;font-size: 0.26rem;color:#4D4D4D;}
    </style>
	<div id="details"><!--模板--></div>
	<!--底部footer-->
		<div style="height: 1.03rem;"></div>
		<div class="details-footer flex flex-align-center flex-pack-center">
			<div class="details-foot-left flex flex-1 flex-align-center flex-pack-center"><p>重新生成</p></div>
			<div class="details-foot-right flex flex-1 flex-align-center flex-pack-center" style="border-left: solid 1px #f5f5f5;">
				<p>下一步</p>
			</div>
		</div>
	<div id="model" hidden>
		 <div class="detailsBox">
		 	<div class="Boxhead flex flex-align-center flex-pack-center"><p>开通快捷</p></div>
		 	<div class="Boxbody border">
		 		<div class="tips flex flex-align-center flex-pack-center border"></div>
		 		<div class="emsBox flex flex-align-center">
		 			<input type="number" placeholder="输入验证码" id='VerifyCode'/>
		 			<div class="getems">获取验证码</div>
		 		</div>
		 	</div>
		 	<div class="Boxfoot flex flex-align-center ">
		 		<div class="Boxcancel flex-1 flex flex-align-center flex-pack-center"><p>取消</p></div>
		 		<div class="Boxconfirm flex-1  flex flex-align-center flex-pack-center" style="border-left: solid #e5e5e5 1px;"><p>确认</p></div>
		 	</div>
		 </div>
	</div>
	<script type="text/html" id="template_details">
		<div class="details-tips">
			<div class="details-tips-head border flex flex-align-center">
				<div class="details-tips-head-left">
					<p style="font-size: 0.3rem;">账单金额(元)</p>
					<p class="details-text"><%= data.totalAmount %></p>
				</div>
				<div class="details-tips-head-left">
					<p style="font-size: 0.3rem;">保证金(元)</p>
					<p class="details-text"><%= data.capitalAmount %></p>
				</div>
				<div class="details-tips-head-left">
					<p style="font-size: 0.3rem;">手续费(元)</p>
					<p class="details-text"><%= data.poundageTotalAmt %></p>
				</div>
			</div>
			<div class="details-tips-order flex flex-align-center border">
				<p>还款笔数(笔)：<span style="color: #000;font-size: 0.38rem;"><%= data.repayTotalCnt %></span></p>
			</div>
			<div class="details-tips-time border flex flex-align-center">
				<p>还款日期分别为:</p>
				<div style="margin-left: 0.2rem;"><p class="p-time-auto"><%= data.DateText %></p></div>
			</div>
			<div class="details-tips-order flex flex-align-center">
				<p>订单号：<%= data.batchNo %></p>
			</div>
		</div>
		<!-- 还款消费list-->
		<%for (var k in data.planDetails){%>
		<div class="details-item">
			<div class="details-item-list border flex flex-align-center">
				<div class="flex flex-align-center flex-1" style="color: #5297d8;margin-left: 0.34rem;">
					<i class="icon iconfont icon-calendar" style="margin-right: 0.05rem;"></i>
					<p><%= data.planDetails[k][0].planDate %></p>
				</div>
				<p style="margin-right: 0.3rem;">还款:<%= data.planDetails[k][0].repay %>元 | 消费:<%= data.planDetails[k][0].consume %>元</p>
			</div>
			<% for(var j in data.planDetails[k]) {%>
			<div class="details-item-list border flex flex-align-center">
				<div class="flex flex-align-center flex-1">
					<%if(data.planDetails[k][j].planType == 10){%>
					<%if(j == 0 && data.firstDay == k){%>
						<div class="xiaofei">保证金</div>
					<%}else{%>
					<div class="xiaofei">消费</div>
					<%}%>
					<%}else{%>
					<div class="huankuan">还款</div>
					<%}%>
					<p><%= data.planDetails[k][j].planTime %></p>
					<p style="margin-left: 0.2rem;color: #000;"><%= data.planDetails[k][j].planAmount %>元</p>
				</div>
				<%if(data.planDetails[k][j].status == 2 || data.planDetails[k][j].status == 1 || data.planDetails[k][j].status == 0){%>
				<i class="icon iconfont icon-shizhong" style="margin-right: 0.3rem;color: #ead24e;font-size: 0.36rem;"></i>
				<%}else if(data.planDetails[k][j].status == 3){%>
				<i class="icon iconfont icon-yiwancheng" style="margin-right: 0.3rem;color: #5297d8;font-size: 0.36rem;"></i>
				<%}%>
			</div>
			<%}%>
		</div>
		<%}%>
	</script>
